@charset "utf-8";
html { font-size: 9px; }
body { font-size: 1.2rem; font-family: "microsoft yahei","微软雅黑","arial, helvetica, sans-serif"; line-height: 2rem; background: #F3F3F3; }
* { border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
ul, dl, li, dd { list-style: none; }
a { text-decoration: none; color: #000000; }
    a:hover { text-decoration: underline; }
.bg img { padding: 0; display: block; }

.bg a {color: #333;
}
.sub-menu h5 { font-size: 14px; padding: 3px 0px; }
/*边框*/
.bk { border: 1px solid #ededed; }
.bk_red { border: 1px solid red; }
.bk_b { border-bottom: 1px solid #ededed; display: block; padding: 10px 0; }
.bk_r { border-right: 1px solid #ededed; }
.bk_dashed { border: 1px dashed #cccccc; }
.bk_t4 {
    border-top: 4px solid #FF6C00;
}
.bk_b_blue { border-bottom: 1px solid #d6e1ec; }
/*背景*/
.bg { background: #ededed; }
.bg_red { background: red; color: white; }
.bg_blue {
    background: #FF6C00;
    color: white;
}
.bg_white { background: white; }
/*文字大小*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 18px; }
    .f16 a { color: rgb(90,155,211); font-size: 14px; }
/*行间距*/
p { line-height: 30px; }
.lh_2 p { line-height: 24px; }
/*文本对齐*/
.txt_center { text-align: center; }
    .txt_center .title { white-space: nowrap; text-overflow: ellipsis; width: 90%; overflow: hidden; display: block; }
.txt_right { text-align: right; }
/*字体颜色*/
.txt_#333333 { color: #333333; outline: none; }
.txt_orange { color: orange; }
    .txt_orange a { color: orange; }
.txt_blue { color: #55cbc4; }
/*内间距*/
.p5_10 { padding: 5px 10px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px 20px 20px 20px; }
.pans{position:relative;}
.phs {
    display: none;
}
.phones {
    background: url(/HTML/IndexTemplate/1/img/dt.png) no-repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 140px;
    padding: 30px 19px 0px 37px;
    box-sizing: border-box;
    display:flex;
    position: absolute;
    top: 28px;
    right: -39px;
}
.phLeft > img, .phRight > img {
    width: 62px;
    height: 85px;
}
/*外间距*/
.m10 {
    margin: 10px;
}
    .m10 p:nth-child(3) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 8px; }
    .mb10>img{
        width:1200px;
        height:80px;
    }
    .mb20 {
        margin-bottom: 20px;
    }
.pad20 h3 { color: #fff; }
/*浮动*/
.fl { float: left; }
.fr { float: right; }
/*清除浮动*/
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
/*标题样式*/
h1 { font-size: 24px; line-height: 45px; height: 38px; }
h2 { font-size: 18px; line-height: 40px; height: 40px; }
h3 { font-size: 16px; line-height: 36px; height: 36px; }
h4 { font-size: 14px; line-height: 30px; height: 30px; }
/*框架*/
.container { width: 1200px; margin: 0 auto; height: auto; }
.box { height: auto; box-sizing: border-box; }
.w270 { width: 270px; height: auto; }
.w900 { width: 900px; height: auto; }
.w600 { width: 100%; height: auto; }
.w1000 { width: 1000px; height: auto; margin: 0 auto; }
.w80 { width: 90px; height: auto; }
.w_100 { width: 100%; height: auto; }
.w_33 { width: 33.3%; height: auto; box-sizing: border-box; }
    .w_33 .leftli { width: 98%; overflow: hidden; white-space: nowrap; text-wrap: unset }
    .w_33 .leftli { font-size: 14px; }
        .w_33 .leftli .txt_blue { color: #55cbc4; }
/*头部*/
.head { background: #ffffff; height: auto; }
.top { height: 40px; line-height: 40px; color: #FFFFFF; background-color: #303a40; }
    .top a { color: #FFFFFF; }
    .top span { float: right; }
.phone {
    background: url(/images/index/img/phone1.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
}
.select { padding: 5px 8px; border-radius: 6px; }
.logo {
    float: left;
    width: 360px;
    height: 100px;
    margin: 10px 0;
    display: flex;
    align-items: center;
}
.banner {
    float: right;
    width: 810px;
    height: 100px;
    margin: 10px 0;
}
    .banner img { width: 100%; height: auto; }
/*导航*/
.nav {
    background: #ff6c00;
    height: 55px;
    line-height: 55px;
    color: #333333;
    font-size: 18px;
    box-shadow: 0px 0px 6px 0px #DDDDDD;
}
    .nav a {
        color: white;
        display: inline-block;
        width: 130px;
        text-align: center;
        font-weight: bold;
    }
        .nav a:hover {
            /*background: white;*/
            border-bottom: 4px solid #ffeba7;
            text-decoration: none;
            color: #ffeba7;
        }
/*搜索*/
.search {
    border: 2px solid #FF6C00;
    height: auto;
    background-color:#fff;
}
    .search select, .search input, .search button { height: 45px; line-height: 45px; font-size: 18px; text-align: center; }
.diqu { width: auto; padding: 0 20px; border-right: 1px solid #999; }
.zhiwei { width: auto; padding: 0 20px; }
.search .input { width: 85%; }
.search .sousuo { width: 130px; }
/*幻灯*/
.huandeng { width: 670px; height: 290px; }
/*登陆*/
.denglu {
    width: 200px;
    padding: 10px 15px;
}
    .denglu input, .denglu button, .denglu label { line-height: 30px; font-size: 12px; }
    .denglu .input { padding-left: 22px; border: 1px solid #cccccc; height: 35px; box-sizing: border-box; width: 100%; }
    .denglu button { text-align: center; border-radius: 3px; height: 30px; }
    .denglu .companyButton {
        text-align: center;
        border-radius: 3px;
        width: 200px;
        height: 35px;
        line-height: 35px;
        background: #FF6C00;
        margin-top: 2px;
        font-size: 14px;
        border-radius: 3px;
        display: block;
        color: #fff;
    }
.username {
    background: url(/Image/zhanghutubiaos.png) no-repeat 3px center;
}
.password {
    background: url(../img/password.png) no-repeat 5px center;
}
.denglu .lie { margin-top: 10px; }
.denglu .qiye { height: 35px; line-height: 35px; font-size: 14px; margin-bottom: 10px; }
/*标题*/
.bt1 {
    padding-left: 27px;
    background: url(../img/jpzw.png) no-repeat;
    background-size: 18px 18px;
}
.bt2 {
    padding-left: 27px;
    background: url(../img/cnxh.png) no-repeat;
    background-size: 18px 17px;
}
.bt3 {
    padding-left: 27px;
    background: url(../img/gdzp.png) no-repeat;
    background-size: 19px 16px;
}
.bt4 {
    padding-left: 27px;
    background: url(../img/vips.png) no-repeat;
    background-size: 19px 18px;
}
.bt1 a, .bt2 a, .bt3 a, .bt4 a {
    color: #FF6C00;
}
    .bt1 a:hover, .bt2 a:hover, .bt3 a:hover, .bt4 a:hover {
        text-decoration: none;
    }
.bt1 span, .bt2 span, .bt3 span, .bt4 span {
    float: right;
    font-size: 14px;
    color: orange;
}
    .bt1 span a, .bt2 span a, .bt3 span a, .bt4 span a {
        color: orange;
    }
/*选项卡切换样式*/
.tab1 { height: auto; background: #ededed; position: relative; }
.tabtitle2 { display: inline-block; float: left; width: 135px; text-align: center; height: 40px; line-height: 40px; font-size: 16px; }
.tab1 .tab1_sub .active{
    background: #FF6C00;
    text-decoration: none;
    color: #FFFFFF;
}

/*左侧导航列表*/
.lie_menu, .lie_menu1 { height: auto; position: absolute; block; left: 0; top: 40px; background: #FFFFFF; width: 270px; }
    .lie_menu dd, .lie_menu1 dd { line-height: 55px; border-bottom: 1px solid #EDEDED; padding-left: 25px; font-size: 16px; position: relative; }
        .lie_menu dd a:hover, .lie_menu1 dd a:hover { text-decoration: none; }
        .lie_menu dd span, .lie_menu1 dd span { 
            /*float: right; margin-top: 25px;*/ 
            margin-right: 20px; width: 10px; height: 15px; background: url(../img/icon-arrow-right.png) no-repeat; }
.menu-sub { position: absolute; left: 270px; top: 0; z-index: 2; width: 700px; background: #FFFFFF; padding: 30px; border: 1px solid #EDEDED; display: none; font-size: 14px; }
    .menu-sub a { color: #333333; }
.lie_menu dd:hover .menu-sub { display: block;z-index:10; }
.lie_menu1 dd:hover .menu-sub { display: block; }
.lie_menu1 { z-index: 2; display: none; }
.tab1_sub:hover .lie_menu1 { display: block; background: #FFFFFF; }
/*下方列表选项卡切换*/
.tab2 { height: auto; border-bottom: 1px solid #CCCCCC; padding-left: 10px; position: relative; }
    .tab2 .active { border-bottom: 1px solid #327DDA; background: #F0F3FA; }
.tabtitle { display: inline-block; float: left; text-align: center; width: 90px; height: 35px; line-height: 35px; }
    .tabtitle:hover { border-bottom: 1px solid #327DDA; background: #F0F3FA; text-decoration: none; }
.tab_sub1 { position: absolute; block; left: 0; top: 36px; }
.tab_sub { position: absolute; z-index: 2; display: none; left: 0; top: 36px; }
.tab2 dd:hover .tab_sub { display: block; background: #FFFFFF; }
.tab3 { height: auto; background: #F0F3FA; position: relative; }
/*.tabtitle1 { display: inline-block; float: left; width: 90px; height: 35px; line-height: 35px; text-align: center; border-right: 1px solid #dddddd; }*/
    /*.tabtitle1:hover { border-top: 3px solid orange; background: #FFFFFF; }*/
.tab_sub3 { position: absolute;  left: 0; top: 0px; overflow: hidden;width:100%; display:block;}
.tab_sub3_box { width: 356px; height: 126px; overflow: hidden; }
.tab_sub2 { position: absolute; z-index: 2; display: none; left: 0; top: 43px; }
.tab3 dd:hover .tab_sub2 { display: block; background: #FFFFFF; }
/*个人服务*/
.server {
    height: auto;
    text-align: center;
}
/*.server li { float: left; width: 45%; margin-right: 5%; margin-bottom: 10px; background: #F0F3F9 url(../img/person_bg.gif) no-repeat; padding-top: 58px; text-align: center; line-height: 30px; }*/
    .server li {
        float: left;
        width: 45%;
        height:88px;
        margin-right: 5%;
        margin-bottom:10px;
        padding:18px 18px 12px;
        box-sizing:border-box;
        background: #F0F3F9;
        text-align: center;
        cursor:pointer;
    }
        .imt {
            display: flex;
            align-items: center;
            justify-content: center;
        }
.imt > img {
    margin-bottom:10px;
}

/*文本样式*/
.txt { height: auto; line-height: 45px; }
    .txt a { display: inline-block; margin: 0 10px; }
        .txt a:hover { text-decoration: none; }
.txt_a { height: auto; line-height: 30px; }
    .txt_a a { display: inline-block; margin: 0 10px; }
        .txt_a a:hover { text-decoration: none; }
/*图文列表*/
.tw { height: auto; }
.tw_img { float: left; margin: 5px 10px; margin-left: 0; }
.tw_txt p { line-height: 26px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*单列文字列表*/
.lie { height: auto; }
    .lie li { line-height: 26px; }
.lie1 { height: auto; overflow: hidden; white-space: nowrap; width: 96%; }
    .lie1 li {
        line-height: 30px;
        padding-left: 30px;
        border-bottom: 1px dotted #d0dee9;
        background: url(../img/icon-dot.jpg) no-repeat 15px center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
        .lie1 li span { float: right; }
/*三列文字列表*/
.lie_3 { height: auto; }
/*border-bottom: 1px solid #F0F3FA;*/
.lie_3 li {
    float: left;
    width: 33%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 0px 0px 0px;
}
/*.lie_3 li:hover {transition: background-color 0.3s linear 0s; background-color:#F6F6F6; }*/
/*四列文字列表*/
.lie_4 { height: auto; }
    .lie_4 li { float: left;
                width: 25%; 
                box-sizing: border-box; overflow: hidden; }
        .lie_4 li .cname { width: 206px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*单列图片列表*/
.lie_img { width: 100%; height: auto; overflow: hidden; }
.lie_img1 img {
    /*width: 100%;*/
    /*height: 100%;*/
}

/*两列图片列表*/
.lie_img2 { height: auto; }
    .lie_img2 li {
        float: left;
        /*width: 25%;*/
        height: auto;
        box-sizing: border-box;
        margin:0 10px 10px 0;
    }
    .lie_img2 img {
        /*width: 280px;*/
        /*height: 75px;*/
    }
/*三列图片列表*/
.lie_img3 { height: auto; }
    .lie_img3 li {
        float: left;
        /*width: 16.66%;*/
        height: auto;
        box-sizing: border-box;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .lie_img3 img { 
                    /*width: 185px;*/
                    /*height: 75px;*/
     }
/*底部*/
.foot { height: auto; background-color: #2E3442; color: white; padding: 30px 0; margin-top: 30px; }
    .foot a { color: white; }
        .foot a:hover { color: white; }
.guanzhu { height: auto; }
    .guanzhu img { float: left; margin-right: 40px; }
.banquan { height: auto; text-align: center; background: url(../img/line.jpg) repeat-x left top; padding-top: 30px; }
/* 热门搜索 */
.random { width: 900px; height: 45px; overflow: hidden; font-size: 14px; }
.caititle { font-size: 20px; color: rgb(19,20,15); width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.f16 .title { font-size: 18px; display: block; overflow: hidden; white-space: nowrap; width: 95%; text-overflow:ellipsis; }

/*分站弹窗内容样式*/
.hot-city-box { font-size: 16px; color: #808080; margin: 20px; }
    .hot-city-box a { color: #808080; }
.hot-city-title { padding-bottom: 10px; border-bottom: 1px solid #f8f8f8; }
.hot-city-box ul { display: flex; flex-flow: row wrap; }
    .hot-city-box ul li { margin: 10px; color: #999; height: 38px; line-height: 38px; text-align: center; border: 1px solid #dce4e6; padding: 0 5px; }
        .hot-city-box ul li:hover { color: #61aad3; text-decoration: none; border: 1px solid #61aad3; }
/*添加样式隐藏分享按钮*/
div.bdshare-slide-button-box .bdshare-slide-button {
    display: none;
}